<script setup>
// import ModalDemo from './ModalDemo.vue'
import ButtonDemo from './ButtonDemo.vue'

// import TagDemo from './TagDemo.vue'
// import CheckboxDemo from './CheckboxDemo.vue'
// import RadioDemo from './RadioDemo.vue'
// import ProgressDemo from './ProgressDemo.vue'
// import SwitchDemo from './SwitchDemo.vue'
// import DrawerDemo from './DrawerDemo.vue'
// import AlertDemo from './AlertDemo.vue'
// import InputDemo from './InputDemo.vue'
// import PopoverDemo from './PopoverDemo.vue'
// import DividerDemo from './DividerDemo.vue'
// import TabsDemo from './TabsDemo.vue'
// import BadgeDemo from './BadgeDemo.vue'
// import DropdownDemo from './DropdownDemo.vue'
// import SelectDemo from './SelectDemo.vue'
// import LoadingDemo from './LoadingDemo.vue'
// import CollapseDemo from './CollapseDemo.vue'
// import FileInputDemo from './FileInputDemo.vue'
// import ToastDemo from './ToastDemo.vue'
// import SkeletonDemo from './SkeletonDemo.vue'
// import TableDemo from './TableDemo.vue'
// import TreeDemo from './TreeDemo.vue'
// import DynamicTagsDemo from './DynamicTagsDemo.vue'
</script>

<template>
  <div class="mx-5">
    <div class="my-5 space-y-5">
      <!-- <ModalDemo /> -->
      <ButtonDemo />
      <!-- <TagDemo />
      <ProgressDemo />
      <CheckboxDemo />
      <SwitchDemo />
      <AlertDemo />
      <InputDemo />
      <PopoverDemo />
      <DrawerDemo />
      <TabsDemo />
      <DividerDemo />
      <BadgeDemo />
      <SelectDemo />
      <DropdownDemo />
      <LoadingDemo />
      <RadioDemo />
      <CollapseDemo />
      <FileInputDemo />
      <ToastDemo />
      <SkeletonDemo />
      <TableDemo />
      <TreeDemo />
      <DynamicTagsDemo /> -->
    </div>
  </div>
</template>
